import { RouteObject, Navigate } from "react-router-dom"
import CallbackUse from "../views/other/callback-use"
import FlipPage from "../views/other/flip"
import FlipPageTwo from "../views/other/flip-2"
import PageTimer from "../views/other/page-timer"

import ReduxDemo from "../views/reduxDemo"

const routes:RouteObject[] = [
    {
        path:'/',
        element: <Navigate to={'/reduxDemo'} />
    },
    {
        path:'/reduxDemo',
        element: <ReduxDemo/>
    },
    {
        path: '/pageTimer',
        element: <PageTimer />
    },
    {
        path:'/callbackUse',
        element: <CallbackUse />
    },
    {
        path:'/flip',
        element: <FlipPage />
    },
    {
        path:'/flip-2',
        element: <FlipPageTwo />
    }
]

export default routes